<template>
  <div class="app-container">
    <el-row :gutter="20">
      <!-- <el-col :span="8">
        <el-card>
          <el-calendar>
            <template slot="dateCell" slot-scope="{ data }">
              <span>{{ data.day.split("-").slice(2).join("-") }}</span>
              <div v-for="(item, i) in dataList" :key="i">
                <div v-if="item.date == data.day" style="color: red">
                  上新({{ item.content }})
                </div>
              </div>
            </template>
          </el-calendar>
        </el-card>
      </el-col> -->
      <el-col :span="8">
        <el-card>
          <div
            slot="header"
            style="display: flex; justify-content: space-between"
          >
            <span><i class="el-icon-collection"></i> 寄样情况</span>
            <el-button
              type="primary"
              size="mini"
              @click="handleGo('/sample/statistics')"
            >
              跳转详细报表
            </el-button>
          </div>
          <KoiCardI />
        </el-card>
      </el-col>
    </el-row>
  </div>
</template>

<script>
import KoiCardI from "./zindex/KoiCardI.vue";
import {
  readXml,
  roleList,
  saveXml,
  userList,
  expList,
  listDefinition,
} from "@/api/flowable/definition";
export default {
  components: { KoiCardI },
  data() {
    return {
      // value: new Date(),
      dataList: [
        { date: "2024-11-08", content: "2" },
        { date: "2024-05-08", content: "3" },
        { date: "2024-11-03", content: "4" },
        { date: "2024-11-28", content: "5" },
      ],
    };
  },
  created() {
    // listDefinition({ pageNum: 1, pageSize: 10 }).then((response) => {});
  },
  methods: {
    handleGo(path) {
      this.$router.push({
        path: path,
      });
    },
  },
};
</script>

<style  lang="scss">
.el-calendar-table .el-calendar-day {
  width: 100%;
  height: 50px;
  text-align: center;
}
.el-calendar__header {
  padding: 5px !important;
}
.el-calendar__body {
  padding: 0px !important;
}
.el-calendar-table thead th {
  padding: 0;
}
</style>